<template>
    <div class="ProductUpdateComponent-panel-Dialog">
      <!-- 资源校验弹窗 -->
      <el-dialog
        title="资源校验中"
        top="40vh"
        v-model="ProductUpdateBoolean"
        :close-on-click-modal="false"
        :show-close="false"
        :append-to-body="true"
      >
      <!-- 资源校验进度条 -->
      <el-progress :text-inside="true" :stroke-width="26" :percentage="ProductUpdatePercent"></el-progress>
      </el-dialog>
    </div>
  </template>
  
  <script>
  import { defineComponent, reactive, toRef, toRefs,watch } from "vue";
  export default defineComponent({
    name: "ProductUpdateComponent",
    components: {},
    
    props: {
      ProductUpdatePercent:{
        type:null,
        default:0,
      },
      ProductUpdateBoolean:{
        type:Boolean,
        default:false,
      },
    },
    setup(props,ctx) {
      
      return {
      };
    },
  });
  </script>
  <style lang="less">
  .ProductUpdateComponent-panel-Dialog{
    width: 100%;
    height: 100%;
  
  }
  /* 弹出框的宽高度 */
  .ProductUpdateComponent-panel-Dialog .el-overlay .el-dialog {
    width: 50%;
    height: 100px;
    border-radius: 20px;
  }
  .ProductUpdateComponent-panel-Dialog .el-overlay .el-progress{
    position: relative;
    top: -26px;
  }
  </style>
  